<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="">
		<meta name="author" content="">

		<title>后台管理系统</title>

		<!-- Bootstrap core CSS -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<!-- Custom styles for this template -->
		<link href="css/index.css" rel="stylesheet">

		<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
		<!--[if lt IE 9]><script src="js/ie8-responsive-file-warning.js"></script><![endif]-->
		<script src="js/ie-emulation-modes-warning.js"></script>

		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
	</head>

	<body>
			<nav class="navbar navbar-inverse navbar-fixed-top navbar-define" role="navigation">
			<div class="container-fluid">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
			            <span class="sr-only">Toggle navigation</span>
			            <span class="icon-bar"></span>
			            <span class="icon-bar"></span>
			            <span class="icon-bar"></span>
			          </button>
					<a class="navbar-brand" href="#">Admin Panel</a>
				</div>
				<div id="navbar" class="navbar-collapse collapse">
					<ul class="nav navbar-nav navbar-right">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dashboard<b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li>
									<a href="index-1.html">WebSite</a>
								</li>
								<li>
									<a href="index-2.html">Setting
									</a>
								</li>
								<li>
									<a href="index-3.html">Help</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="#">Webmail Service</a>
						</li>
						<li>
							<a href="#">Cloud Storage</a>
						</li>
						<li>
							<a href="#">UI Elements</a>
						</li>
						<li>
							<a href="#">Statistic</a>
						</li>
					</ul>
				</div>
			</div>
		</nav>
		
		<div class="container-fluid">
			<div class="row">
				<div class="col-sm-3 col-md-3 sidebar">
					<div class="nav-logo">
						<img src="img/logo.png" class="img-responsive" />

					</div>
					<ul class="nav nav-sidebar">
						<li>
							<a data-toggle="collapse" href="#submenu1" id='menu1'>Dashboard
								<i></i>
								<span>9</span>
							</a>
							<dl id="submenu1" class="collapse">
								<dd>
									<a href="index-1.html">WebSite</a>
								</dd>
								<dd>
									<a href="index-2.html">Setting
									</a>
								</dd>
								<dd>
									<a href="index-3.html">Help</a>
								</dd>
							</dl>
						</li>
						<li>
							<a data-toggle="collapse" href="#submenu2" id='menu2' foucs>Webmail Service <i></i>
								<span>5</span></a>
							<dl id="submenu2" class="collapse in">
								<dd>
									<a href="index-1.html">WebSite</a>
								</dd>
								<dd>
									<a href="index-2.html">Setting
									</a>
								</dd>
								<dd>
									<a href="index-3.html">Help</a>
								</dd>
							</dl>
						</li>
						<li>
							<a data-toggle="collapse" href="#submenu3" id='menu3'>Cloud Storage<i></i>
								<span>1</span></a>
							<dl id="submenu3" class="collapse">
								<dd>
									<a href="index-1.html">WebSite</a>
								</dd>
								<dd>
									<a href="index-2.html">Setting
									</a>
								</dd>
								<dd>
									<a href="index-3.html">Help</a>
								</dd>
							</dl>
						</li>
						<li>
							<a data-toggle="collapse" href="#submenu4" id='menu4'>UI Elements<i></i>
								<span>2</span></a>
							<dl id="submenu4" class="collapse">
								<dd>
									<a href="index-1.html">WebSite</a>
								</dd>
								<dd>
									<a href="index-2.html">Setting
									</a>
								</dd>
								<dd>
									<a href="index-3.html">Help</a>
								</dd>
							</dl>
						</li>
						<li>
							<a data-toggle="collapse" href="#submenu5" id='menu5'>Statistic<i></i>
								<span>3</span> </a>
							<dl id="submenu5" class="collapse">
								<dd>
									<a href="index-1.html">WebSite</a>
								</dd>
								<dd>
									<a href="index-2.html">Setting
									</a>
								</dd>
								<dd>
									<a href="index-3.html">Help</a>
								</dd>
							</dl>
						</li>
						<!--<li>
							<a href="#">Time Manager </a>
							<i></i>
							<span>4</span>
						</li>-->

					</ul>

				</div>
				<div class="col-sm-9 col-sm-offset-3 col-md-9 col-md-offset- main">
					<h1 class="page-header">demo1-2</h1>

					<div class="row placeholders">
						<div class="col-xs-6 col-sm-3 placeholder">
							<img data-src="holder.js/200x200/auto/sky" class="img-responsive" alt="Generic placeholder thumbnail">
							<h4>Label</h4>
							<span class="text-muted">Something else</span>
						</div>
						<div class="col-xs-6 col-sm-3 placeholder">
							<img data-src="holder.js/200x200/auto/vine" class="img-responsive" alt="Generic placeholder thumbnail">
							<h4>Label</h4>
							<span class="text-muted">Something else</span>
						</div>
						<div class="col-xs-6 col-sm-3 placeholder">
							<img data-src="holder.js/200x200/auto/sky" class="img-responsive" alt="Generic placeholder thumbnail">
							<h4>Label</h4>
							<span class="text-muted">Something else</span>
						</div>
						<div class="col-xs-6 col-sm-3 placeholder">
							<img data-src="holder.js/200x200/auto/vine" class="img-responsive" alt="Generic placeholder thumbnail">
							<h4>Label</h4>
							<span class="text-muted">Something else</span>
						</div>
					</div>

					<h2 class="sub-header">Section title</h2>
					<div class="table-responsive">
						<table class="table table-striped">
							<thead>
								<tr>
									<th>#</th>
									<th>Header</th>
									<th>Header</th>
									<th>Header</th>
									<th>Header</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>1,001</td>
									<td>Lorem</td>
									<td>ipsum</td>
									<td>dolor</td>
									<td>sit</td>
								</tr>
								<tr>
									<td>1,002</td>
									<td>amet</td>
									<td>consectetur</td>
									<td>adipiscing</td>
									<td>elit</td>
								</tr>
								<tr>
									<td>1,003</td>
									<td>Integer</td>
									<td>nec</td>
									<td>odio</td>
									<td>Praesent</td>
								</tr>
								<tr>
									<td>1,003</td>
									<td>libero</td>
									<td>Sed</td>
									<td>cursus</td>
									<td>ante</td>
								</tr>
								<tr>
									<td>1,004</td>
									<td>dapibus</td>
									<td>diam</td>
									<td>Sed</td>
									<td>nisi</td>
								</tr>
								<tr>
									<td>1,005</td>
									<td>Nulla</td>
									<td>quis</td>
									<td>sem</td>
									<td>at</td>
								</tr>
								<tr>
									<td>1,006</td>
									<td>nibh</td>
									<td>elementum</td>
									<td>imperdiet</td>
									<td>Duis</td>
								</tr>
								<tr>
									<td>1,007</td>
									<td>sagittis</td>
									<td>ipsum</td>
									<td>Praesent</td>
									<td>mauris</td>
								</tr>
								<tr>
									<td>1,008</td>
									<td>Fusce</td>
									<td>nec</td>
									<td>tellus</td>
									<td>sed</td>
								</tr>
								<tr>
									<td>1,009</td>
									<td>augue</td>
									<td>semper</td>
									<td>porta</td>
									<td>Mauris</td>
								</tr>
								<tr>
									<td>1,010</td>
									<td>massa</td>
									<td>Vestibulum</td>
									<td>lacinia</td>
									<td>arcu</td>
								</tr>
								<tr>
									<td>1,011</td>
									<td>eget</td>
									<td>nulla</td>
									<td>Class</td>
									<td>aptent</td>
								</tr>
								<tr>
									<td>1,012</td>
									<td>taciti</td>
									<td>sociosqu</td>
									<td>ad</td>
									<td>litora</td>
								</tr>
								<tr>
									<td>1,013</td>
									<td>torquent</td>
									<td>per</td>
									<td>conubia</td>
									<td>nostra</td>
								</tr>
								<tr>
									<td>1,014</td>
									<td>per</td>
									<td>inceptos</td>
									<td>himenaeos</td>
									<td>Curabitur</td>
								</tr>
								<tr>
									<td>1,015</td>
									<td>sodales</td>
									<td>ligula</td>
									<td>in</td>
									<td>libero</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>

		<!-- Bootstrap core JavaScript
    ================================================== -->
		<!-- Placed at the end of the document so the pages load faster -->
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script src="js/admin.js"></script>
		<script>
			$(function() {
				$('#submenu2').parents('li').find('span').addClass('nav-select');
			});
		</script>
		<script src="js/docs.min.js"></script>
		<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
		<script src="js/ie10-viewport-bug-workaround.js"></script>

	</body>

</html>